<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>速通快递</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link rel="stylesheet" type="text/css" href="index/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="index/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="index/templatemo-style.css">
	<link rel="stylesheet" type="text/css" href="index/t1.css">
	<script src="index/jquery-1.10.2.min.js"></script>
	<script src="index/modernizr.min.js"></script>
	<style type="text/css">

	</style>
</head>
<body>
	<header class="site-header" id="top">
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="container">
				<div class="row">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
							<i class="fa fa-bars"></i>
						</button>
						<div class="logo-wrapper">
							<a class="navbar-brand" href="#templatemo">
								
								<img src="images/logo.png">
							</a>
						</div>
					</div>
					<div class="collapse navbar-collapse" id="main-menu" style="max-height: 539px;">
						<ul class="nav navbar-nav navbar-right">
							<li><span></span><a href="#top" class="home">首页</a></li>
							<li><span></span><a href="#cta" class="about">查快递</a></li>
							<li><span></span><a href="#map" class="portfolio">寄快递</a></li>
							<li><span></span><a href="#first-section" class="portfolio">API服务</a></li>
							<li><span></span><a href="#second-section" class="map">企业风采</a></li>
							<li><span></span><a href="#third-section" class="contact">联系我们</a></li>
						</ul>
					</div>
				</div>
			</div>
		</nav>
	</header>
	<div id="big-banner">
		<div class="container">
			<div class="row">
				<div class="col-md-12 col-xs-12">
					<ul class="main-icons">
						<li><a href="#"><i class="fa fa-gamepad"></i>安全守信</a></li>
						<li><a href="#"><i class="fa fa-video-camera"></i>稳重经营</a></li>
						<li><a href="#"><i class="fa fa-music"></i>准时交货</a></li>
						<li><a href="#"><i class="fa fa-bolt"></i>便捷速达</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div id="cta">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<h4>
				        <input  type="text" class="input1"  placeholder="输入单号，在速通快递公司中为您智能查询">	

					</h4>  
					<p>	
 						<button class="btn search-btn" id="searchBtn">单号查询</button>
					</p>
				
				</div>
			</div>
		</div>
	</div>	
	<div id="map">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<h4>
							<div class="search-bar">     
						        <div class="input-wrap">         
						            <input type="text" placeholder="输入寄件人地址" id="startAddr">
						        </div>      
						        <div class="input-wrap">          
						            <input type="text" placeholder="输入收件人地址可计算运费" id="endAddr">
						        </div>
						        <button class="btn search-btn" id="searchBtn">查找快递员</button>  
						    </div>
						</h4>						
					</div>
				</div>
			</div>
	</div>

	<div id="first-section">
		<div class="heading">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<h2 class="header-section-title">API查询服务</h2>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="first-section1">
		<div class="container">
			<div class="row">
				<div class="triangle"></div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<section id="cd-timeline" class="cd-container">
						<div class="cd-timeline-block">
							<div class="cd-timeline-img cd-picture bounce-in">
								<img src="index/first-icon.png" alt="Picture">
							</div>
							<div class="cd-timeline-content service-box-content bounce-in">
								<h2>快递信息推送服务API</h2>
								<p>提交运单订阅，速通快递会定时跟踪监控，主动推送信息；支持1000+快递物流。</p>
							</div>
						</div>
						<div class="cd-timeline-block">
							<div class="cd-timeline-img cd-movie bounce-in">
								<img src="index/second-icon.png" alt="Picture">
							</div>
							<div class="cd-timeline-content service-box-content bounce-in">
								<h2>实时快递查询API</h2>
								<p>主动提交查询请求，实时返回物流信息；即时获取最新状态，稳定高效。</p>
							</div>
						</div>
						<div class="cd-timeline-block">
							<div class="cd-timeline-img cd-icon bounce-in">
								<img src="index/third-icon.png" alt="Picture">
							</div>
							<div class="cd-timeline-content service-box-content bounce-in">
								<h2>短信提醒发送API</h2>
								<p>物流节点短信发送，让用户及时掌握快递更新；自定义营销短信，广告推广，产品宣传。</p>
							</div>
						</div>
						<div class="cd-timeline-block">
							<div class="cd-timeline-img cd-location bounce-in">
								<img src="index/fourth-icon.png" alt="Picture">
							</div>
							<div class="cd-timeline-content service-box-content bounce-in">
								<h2>网点查询API</h2>
								<p>快速获取快递网点位置、电话，判断某快递是否可以到达某地，用于快递跟踪。</p>
							</div>
						</div>
					</section>
				</div>
			</div>
		</div>
	</div>
	<div class="copyrights">
		
	</div>

	<div id="second-section">
		<div class="heading">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<h2>企业风采</h2>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="second-section2">
		<div class="container">
			<div class="row">
				<div class="triangle"></div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<section id="cd-timeline-2" class="cd-container">
						<div class="cd-timeline-block">
							<div class="cd-timeline-img cd-picture bounce-in">
								<img src="index/camera-icon.png" alt="Picture">
							</div>
							<div class="cd-timeline-content projects bounce-in">
								<img src="index/project-1.jpg" alt="">
								<div class="project-content">
									<h2>诚信通达天下,货物安全到您家</h2>
									<span></span>
								</div>
							</div>
						</div>
						<div class="cd-timeline-block">
							<div class="cd-timeline-img cd-picture bounce-in">
								<img src="index/camera-icon.png" alt="Picture">
							</div>
							<div class="cd-timeline-content projects bounce-in">
								<img src="index/project-2.jpg" alt="">
								<div class="project-content">
									<h2>我的速度,我的使命</h2>
									<span></span>
								</div>
							</div>
						</div>
						<div class="cd-timeline-block">
							<div class="cd-timeline-img cd-picture bounce-in">
								<img src="index/camera-icon.png" alt="Picture">
							</div>
							<div class="cd-timeline-content projects bounce-in">
								<img src="index/project-3.jpg" alt="">
								<div class="project-content">
									<h2>忠人所托,成人之事</h2>
									<span></span>
								</div>
							</div>
						</div>
						<div class="cd-timeline-block">
							<div class="cd-timeline-img cd-picture bounce-in">
								<img src="index/camera-icon.png" alt="Picture">
							</div>
							<div class="cd-timeline-content projects bounce-in">
								<img src="index/project-4.jpg" alt="">
								<div class="project-content">
									<h2>绿色通道，畅通无阻</h2>
									<span></span>
								</div>
							</div>
						</div>
						<div class="cd-timeline-block">
							<div class="cd-timeline-img cd-picture bounce-in">
								<img src="index/camera-icon.png" alt="Picture">
							</div>
							<div class="cd-timeline-content projects bounce-in">
								<img src="index/project-5.jpg" alt="">
								<div class="project-content">
									<h2>只有想不到，没有送不到</h2>
									<span></span>
								</div>
							</div>
						</div>
					</section>
				</div>
			</div>
		</div>
	</div>

	<div id="third-section">
			<div class="heading">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<h2>联系我们</h2>
						</div>
					</div>
				</div>
			</div>
	</div>
	<div id="third-section3">
			<div class="container">
				<div class="row">
					<div class="triangle"></div>
				</div>
				<div class="row">
					<div class="col-md-8">
						<form class="form">
							<div class="row">
								<div class="name col-md-4">
									<input type="text" name="name" id="name" placeholder="姓名">
								</div>
								<div class="email col-md-4">
									<input type="text" name="email" id="email" placeholder="邮箱">
								</div>
								<div class="subject col-md-4">
									<input type="text" name="subject" id="subject" placeholder="简要主题">
								</div>
							</div>
							<div class="row">
								<div class="text col-md-12">
									<textarea name="text" placeholder="请在此输入内容"></textarea>
								</div>
							</div>
							<div class="submit">
								<input type="submit" value="发送">
							</div>
						</form>
					</div>
					<div class="col-md-4">
						<div class="contact-discription">
							<h4>关于我们</h4>
							<p>通过对各品牌快递的整合与优化，并把查、寄件环节的各项繁琐工作精简化、标准化、智能化处理，从而大幅提高企业工作效率，节约人力以及物流成本，提升员工以及企业客户的满意度。
							<br><br>
							<strong>办公地点:</strong><br>
							某市高新技术产业园区科技南十二路软件园
							<br><br>
							Tel: 000 000 0000<br>
							Email: info@xtong.com
							<br><br>
							我们是个年轻且富有激情的互联网团队，我们期待与您一起，让快递更美好！
							</p>
						</div>
					</div>
				</div>
			</div>
	</div>
	<footer>
		<div class="container">
			<div class="footer-content">
				<div class="row">
					<div class="col-md-12">
						<div class="col-md-4">
							
						</div>
						<div class="col-md-4">
							<div class="copyright-text">
								<p>Copyright © 2019 速通快递 </p>
							</div>
						</div>
						<div class="col-md-4">
							<div class="back-to-top">
								<a href="#top">回到顶部</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>

<script type="text/javascript" src="index/bootstrap.min.js"></script>
<script type="text/javascript" src="index/custom.js"></script>

</body>
</html>